<template>
  <PageLayout full>
    <view class="scan-aplliance-tip">
      <HeaderLayout show-back :header-style="headerStyle">
        <view>扫描二维码</view>
      </HeaderLayout>
      <view class="scan-aplliance-tips-body">
        <view class="appliance-background">
          <view class="scan-tips">家电二维码可能贴在如下对应位置</view>
          <image :src="baseImgUrl + 'HC3.0_Scan_QRcode_Failed_Type2.jpg'" mode="widthFix"></image>
        </view>
        <div class="submit-group">
          <view class="submit-btn" @click="toScan">重新扫描家电二维码</view>
        </div>
      </view>
    </view>
  </PageLayout>
</template>
<script setup lang="ts">
import PageLayout from '@/layout/page/page.vue'
import HeaderLayout from '@/layout/page/header.vue'
import { onLoad } from '@dcloudio/uni-app'
import netconfig from '@/config/netconfig'
const headerStyle = {
  backgroundColor: '#fff',
}
let baseImgUrl = netconfig.IMGURL + 'WX_HC_Program/Assets/icons/'

function toScan() {
  uni.navigateBack()
}
</script>
<style lang="less">
.scan-aplliance-tip {
  .scan-aplliance-tips-body {
    width: 90%;
    margin: auto;
    .background-scan {
      width: 100%;
    }
  }
  .scan-tips {
    color: rgba(64, 141, 242, 1);
    width: 100%;
    text-align: center;
  }
  .appliance-background {
    image {
      width: 100%;
    }
    padding-bottom: 100rpx;
  }
  .submit-group {
    width: 100%;
    position: fixed;
    bottom: 66rpx;
    border-top: 0.5px solid var(--primary-grey-medium, #e9e9ed);
    background: var(--primary-white, #fff);
    padding-top: 32rpx 0;
    transform: translateX(-5%);
  }
  .submit-btn {
    // margin-top: 336rpx;

    margin: 32rpx 5%;
    height: 88rpx;
    background: var(--primary-petrol, #333);
    color: rgba(255, 255, 255, 1);

    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>
